<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="Hexo Theme Keep">
    <meta name="description" content="Hexo Theme Keep">
    <meta name="author" content="Tckapco">
    
    <title>
        
            如何使用Gitee免费搭建图床? |
        
        Tckapco
    </title>
    
<link rel="stylesheet" href="/css/style.css">

    <link rel="shortcut icon" href="/images/logo.svg">
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/css/font-awesome.min.css">
    <script id="hexo-configurations">
    let KEEP = window.KEEP || {};
    KEEP.hexo_config = {"hostname":"theboat.gitee.io","root":"/","language":"en"};
    KEEP.theme_config = {"toc":{"enable":true,"number":true,"expand_all":true,"init_open":true},"style":{"primary_color":"#0066CC","avatar":"/images/avatar.jpg","favicon":"/images/logo.svg","article_img_align":"left","left_side_width":"260px","content_max_width":"920px","hover":{"shadow":false,"scale":true},"first_screen":{"enable":true,"background_img":"/images/bg.svg","description":"Keep writing and Keep loving."},"scroll":{"progress_bar":{"enable":false},"percent":{"enable":false}}},"local_search":{"enable":false,"preload":false},"code_copy":{"enable":true,"style":"mac"},"pjax":{"enable":false},"lazyload":{"enable":false},"version":"3.4.5"};
    KEEP.language_ago = {"second":"%s seconds ago","minute":"%s minutes ago","hour":"%s hours ago","day":"%s days ago","week":"%s weeks ago","month":"%s months ago","year":"%s years ago"};
  </script>
<meta name="generator" content="Hexo 5.4.0"></head>


<body>
<div class="progress-bar-container">
    

    
</div>


<main class="page-container">

    

    <div class="page-main-content">

        <div class="page-main-content-top">
            <header class="header-wrapper">

    <div class="header-content">
        <div class="left">
            
            <a class="logo-title" href="/">
                Tckapco
            </a>
        </div>

        <div class="right">
            <div class="pc">
                <ul class="menu-list">
                    
                        <li class="menu-item">
                            <a class=""
                               href="/"
                            >
                                HOME
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/archives"
                            >
                                ARCHIVES
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/categories"
                            >
                                CATEGORIES
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/links"
                            >
                                LINKS
                            </a>
                        </li>
                    
                    
                </ul>
            </div>
            <div class="mobile">
                
                <div class="icon-item menu-bar">
                    <div class="menu-bar-middle"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="header-drawer">
        <ul class="drawer-menu-list">
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/">HOME</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/archives">ARCHIVES</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/categories">CATEGORIES</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/links">LINKS</a>
                </li>
            
        </ul>
    </div>

    <div class="window-mask"></div>

</header>


        </div>

        <div class="page-main-content-middle">

            <div class="main-content">

                
                    <div class="fade-in-down-animation">
    <div class="article-content-container">

        <div class="article-title">
            <span class="title-hover-animation">如何使用Gitee免费搭建图床?</span>
        </div>

        
            <div class="article-header">
                <div class="avatar">
                    <img src="/images/avatar.jpg">
                </div>
                <div class="info">
                    <div class="author">
                        <span class="name">Tckapco</span>
                        
                            <span class="author-label">Lv2</span>
                        
                    </div>
                    <div class="meta-info">
                        <div class="article-meta-info">
    <span class="article-date article-meta-item">
        <i class="fas fa-edit"></i>&nbsp;
        <span class="pc">2021-07-21 21:12:34</span>
        <span class="mobile">2021-07-21 21:12</span>
    </span>
    
        <span class="article-categories article-meta-item">
            <i class="fas fa-folder"></i>&nbsp;
            <ul>
                
                    <li>
                        <a href="/categories/other/">other</a>&nbsp;
                    </li>
                
            </ul>
        </span>
    
    

    
    
        <span class="article-wordcount article-meta-item">
            <i class="fas fa-file-word"></i>&nbsp;<span>414 Words</span>
        </span>
    
    
        <span class="article-min2read article-meta-item">
            <i class="fas fa-clock"></i>&nbsp;<span>1 Mins</span>
        </span>
    
    
</div>

                    </div>
                </div>
            </div>
        

        <div class="article-content markdown-body">
            <h2 id="搭建图床方法有哪些？"><a href="#搭建图床方法有哪些？" class="headerlink" title="搭建图床方法有哪些？"></a>搭建图床方法有哪些？</h2><p><strong>对象存储图床</strong></p>
<ul>
<li>国外的有amazon s3 和google storage等</li>
<li>国内的有七牛云、又拍云、腾讯云、阿里云、天翼云等</li>
</ul>
<p><strong>第三方图床</strong></p>
<ul>
<li>sm.ms、imgchr、聚合图床等</li>
</ul>
<p><strong>云盘图床</strong></p>
<ul>
<li>微云等</li>
</ul>
<p><strong>社交网站图床</strong></p>
<ul>
<li>新浪微博、qq空间等</li>
</ul>
<p><strong>云笔记图床</strong></p>
<ul>
<li>印象笔记、有道云笔记等</li>
</ul>
<p><strong>代码托管网站图床</strong></p>
<ul>
<li>github、码云等</li>
</ul>
<p><strong>自建图床</strong></p>
<ul>
<li>github开源图片服务Cheverto</li>
</ul>
<p><strong>区块链存储图床</strong></p>
<ul>
<li>IPFS等</li>
</ul>
<p>综合以上方法，考虑到<strong>稳定性</strong>、安全性、操作性、<strong>价格费用</strong>等等因素。</p>
<blockquote>
<p>最终选择了个人认为最优的方案，采用 <strong>Gitee</strong> 来进行免费搭建</p>
</blockquote>
<h2 id="前期准备"><a href="#前期准备" class="headerlink" title="前期准备"></a>前期准备</h2><p><strong>Typora：</strong>一款优雅的markdown编辑器</p>
<p><a class="link"   target="_blank" rel="noopener" href="https://www.typora.net/" >https://www.typora.net/<i class="fas fa-external-link-alt"></i></a></p>
<p><strong>Gitee：</strong> ”国产Github“，访问速度快</p>
<p><a class="link"   target="_blank" rel="noopener" href="https://gitee.com/" >https://gitee.com/<i class="fas fa-external-link-alt"></i></a></p>
<p><strong>PicGO：</strong></p>
<p><a class="link"   target="_blank" rel="noopener" href="https://github.com/Molunerfinn/PicGo" >https://github.com/Molunerfinn/PicGo<i class="fas fa-external-link-alt"></i></a></p>
<p>准备好以上三项就可以进行下面的步骤啦~</p>
<h2 id="Gitee"><a href="#Gitee" class="headerlink" title="Gitee"></a>Gitee</h2><h3 id="新建仓库"><a href="#新建仓库" class="headerlink" title="新建仓库"></a>新建仓库</h3><p>1.点击页面右上角的 ＋ 号</p>
<p><img src="https://gitee.com/theBoat/picgo/raw/master/image-20220220175727176.png" alt="image-20220220175727176"></p>
<p>2.新建仓库</p>
<p>此处要点：</p>
<ul>
<li>输入仓库名</li>
<li>设置模板</li>
<li>选择分支模型</li>
<li>开放仓库</li>
</ul>
<p><img src="https://gitee.com/theBoat/picgo/raw/master/image-20220220180432231.png" alt="image-20220220180432231"></p>
<ol start="3">
<li>创建后找到代码的 <strong>管理</strong> 设置开源</li>
</ol>
<p><img src="https://gitee.com/theBoat/picgo/raw/master/image-20220220180605775.png" alt="image-20220220180605775"></p>
<h3 id="生成令牌"><a href="#生成令牌" class="headerlink" title="生成令牌"></a>生成令牌</h3><p>1.找到 <strong>设置</strong> -&gt; <strong>私人令牌</strong></p>
<p><img src="https://gitee.com/theBoat/picgo/raw/master/image-20220220175556366.png" alt="image-20220220175556366"></p>
<p>2.生成<strong>令牌(token)<strong>后把它</strong>记住</strong>，下面会用到</p>
<h2 id="PicGo"><a href="#PicGo" class="headerlink" title="PicGo"></a>PicGo</h2><h3 id="安装插件"><a href="#安装插件" class="headerlink" title="安装插件"></a>安装插件</h3><p><img src="https://gitee.com/theBoat/picgo/raw/master/image-20220220181203035.png" alt="image-20220220181203035"></p>
<blockquote>
<p>tips：安装插件前必须安装Node.js</p>
</blockquote>
<h3 id="PicGo配置"><a href="#PicGo配置" class="headerlink" title="PicGo配置"></a>PicGo配置</h3><p><img src="https://gitee.com/theBoat/picgo/raw/master/image-20220220182314605.png" alt="image-20220220182314605"></p>
<blockquote>
<p>tips：假如仓库名使用了大写</p>
<p>比如imgBed，repo仓库名应为img-bed</p>
<p>具体可到仓库的 <strong>基本信息</strong> -&gt; <strong>路径</strong> 中查看</p>
</blockquote>
<h2 id="typora配置"><a href="#typora配置" class="headerlink" title="typora配置"></a>typora配置</h2><p>1.偏好设置-&gt;图像-&gt;插入图片时：选择上传图片。</p>
<p> <img src="https://gitee.com/theBoat/img-bed/raw/master/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9hMkRIUmliQ3FMZktSclRQTmljN2RzRmdDZUtHRFVtYnZjbERKS0NHNVNiSDVpYXVNTGdXRU9rV2ppYjM1bnRpYmEzN3FpYzRNRGdmSlN0aEtsYUcxQUpnNk1xUS82NDA" alt="img"></p>
<p>2.偏好设置-&gt;图像-&gt;上传服务：选择PicGo.app。</p>
<p><img src="https://gitee.com/theBoat/img-bed/raw/master/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9hMkRIUmliQ3FMZktSclRQTmljN2RzRmdDZUtHRFVtYnZjSE94Z1F5VVl2Q0tVSkRtUUV5Z3pVbHFSWkNPbEZpYVVLdDhkQlBiQTVMdWU0dU90dWJSV2RZQS82NDA" alt="img"></p>
<p>end~</p>

        </div>

        

        

        
            <div class="article-nav">
                
                    <div class="article-prev">
                        <a class="prev"
                           rel="prev"
                           href="/2021/07/25/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C-DNS/"
                        >
                            <span class="left arrow-icon flex-center">
                              <i class="fas fa-chevron-left"></i>
                            </span>
                            <span class="title flex-center">
                                <span class="post-nav-title-item">计算机网络-DNS</span>
                                <span class="post-nav-item">Prev posts</span>
                            </span>
                        </a>
                    </div>
                
                
                    <div class="article-next">
                        <a class="next"
                           rel="next"
                           href="/2021/06/05/%E8%BF%90%E8%A1%8C%E5%8E%9F%E7%90%86%E2%80%94%E2%80%94EventLoop/"
                        >
                            <span class="title flex-center">
                                <span class="post-nav-title-item">运行原理——EventLoop</span>
                                <span class="post-nav-item">Next posts</span>
                            </span>
                            <span class="right arrow-icon flex-center">
                              <i class="fas fa-chevron-right"></i>
                            </span>
                        </a>
                    </div>
                
            </div>
        

        
    </div>
</div>


                
            </div>

        </div>

        <div class="page-main-content-bottom">
            <footer class="footer">
    <div class="info-container">
        <div class="copyright-info info-item">
            &copy;
            
              <span>2020</span>
              -
            
            2022&nbsp;<i class="fas fa-heart icon-animate"></i>&nbsp;<a href="/">Tckapco</a>
        </div>
        
        <div class="theme-info info-item">
            Powered by <a target="_blank" href="https://hexo.io">Hexo</a>&nbsp;|&nbsp;Theme&nbsp;<a class="theme-version" target="_blank" href="https://github.com/XPoet/hexo-theme-keep">Keep v3.4.5</a>
        </div>
        
        
    </div>
</footer>

        </div>
    </div>

    
        <div class="post-tools">
            <div class="post-tools-container">
    <ul class="tools-list">
        <!-- TOC aside toggle -->
        
            <li class="tools-item page-aside-toggle">
                <i class="fas fa-outdent"></i>
            </li>
        

        <!-- go comment -->
        
    </ul>
</div>

        </div>
    

    <div class="right-bottom-side-tools">
        <div class="side-tools-container">
    <ul class="side-tools-list">
        <li class="tools-item tool-font-adjust-plus flex-center">
            <i class="fas fa-search-plus"></i>
        </li>

        <li class="tools-item tool-font-adjust-minus flex-center">
            <i class="fas fa-search-minus"></i>
        </li>

        <li class="tools-item tool-expand-width flex-center">
            <i class="fas fa-arrows-alt-h"></i>
        </li>

        <li class="tools-item tool-dark-light-toggle flex-center">
            <i class="fas fa-moon"></i>
        </li>

        <!-- rss -->
        

        
            <li class="tools-item tool-scroll-to-top flex-center">
                <i class="fas fa-arrow-up"></i>
            </li>
        

        <li class="tools-item tool-scroll-to-bottom flex-center">
            <i class="fas fa-arrow-down"></i>
        </li>
    </ul>

    <ul class="exposed-tools-list">
        <li class="tools-item tool-toggle-show flex-center">
            <i class="fas fa-cog fa-spin"></i>
        </li>
        
    </ul>
</div>

    </div>

    
        <aside class="page-aside">
            <div class="post-toc-wrap">
    <div class="post-toc">
        <ol class="nav"><li class="nav-item nav-level-2"><a class="nav-link" href="#%E6%90%AD%E5%BB%BA%E5%9B%BE%E5%BA%8A%E6%96%B9%E6%B3%95%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F"><span class="nav-number">1.</span> <span class="nav-text">搭建图床方法有哪些？</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E5%89%8D%E6%9C%9F%E5%87%86%E5%A4%87"><span class="nav-number">2.</span> <span class="nav-text">前期准备</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#Gitee"><span class="nav-number">3.</span> <span class="nav-text">Gitee</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%96%B0%E5%BB%BA%E4%BB%93%E5%BA%93"><span class="nav-number">3.1.</span> <span class="nav-text">新建仓库</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E7%94%9F%E6%88%90%E4%BB%A4%E7%89%8C"><span class="nav-number">3.2.</span> <span class="nav-text">生成令牌</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#PicGo"><span class="nav-number">4.</span> <span class="nav-text">PicGo</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E5%AE%89%E8%A3%85%E6%8F%92%E4%BB%B6"><span class="nav-number">4.1.</span> <span class="nav-text">安装插件</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#PicGo%E9%85%8D%E7%BD%AE"><span class="nav-number">4.2.</span> <span class="nav-text">PicGo配置</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#typora%E9%85%8D%E7%BD%AE"><span class="nav-number">5.</span> <span class="nav-text">typora配置</span></a></li></ol>
    </div>
</div>
        </aside>
    

    <div class="image-viewer-container">
    <img src="">
</div>


    

</main>



<script src="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/js/utils.js"></script><script src="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/js/main.js"></script><script src="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/js/header-shrink.js"></script><script src="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/js/back2top.js"></script><script src="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/js/dark-light-toggle.js"></script>




    <script src="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/js/code-copy.js"></script>




<div class="post-scripts">
    
        <script src="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/js/left-side-toggle.js"></script><script src="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/js/libs/anime.min.js"></script><script src="//cdn.jsdelivr.net/npm/hexo-theme-keep@3.4.5/source/js/toc.js"></script>
    
</div>



</body>
</html>
